@extends( 'layout.home' )
@section( 'content' )
    <style>
        tr th{width:40%;}
        tr td span{display: none;}
    </style>
    <!--面包屑导航 开始-->
    <div class="crumb_warp">
        <!--<i class="fa fa-bell"></i> 欢迎使用登陆网站后台，建站的首选工具。-->
        <i class="fa fa-home"></i> <a href="{{url( 'info' )}}">首页</a> &raquo; 管理员 &raquo; 新增管理员
    </div>
    <!--面包屑导航 结束-->

    <!--结果集标题与导航组件 开始-->
    <div class="result_wrap">
        <div class="result_title">
            @if( count( $errors ) > 0 )
                <div class="mark">
                    @if( is_object( $errors ) )
                        @foreach($errors->all() as $error)
                            <p>{{$error}}</p>
                        @endforeach
                    @else
                        <p>{{$errors}}</p>
                    @endif
                </div>
            @endif
        </div>

    </div>
    <!--结果集标题与导航组件 结束-->

    <div class="result_wrap">
        <form>
            {{csrf_field()}}
            <table class="add_tab">
                <tbody>
                <tr>
                    <th><i class="require">*</i>管理员姓名：</th>
                    <td>
                        <input type="text" name="name">
                        <span id="nametip"><i class="fa fa-exclamation-circle yellow"></i>姓名必须填写</span>
                    </td>
                </tr>
                <tr>
                    <th><i class="require">*</i>管理员账号：</th>
                    <td>
                        <input type="text" name="account">
                        <span id="accounttip"><i class="fa fa-exclamation-circle yellow"></i>账号必须填写</span>
                    </td>
                </tr>
                <tr>
                    <th><i class="require">*</i>管理员手机：</th>
                    <td>
                        <input type="text" name="phone">
                        <span id="phonetip"><i class="fa fa-exclamation-circle yellow"></i>手机必须填写</span>
                    </td>
                </tr>
                <tr>
                    <th>初始密码：</th>
                    <td>
                        默认：123456
                    </td>
                </tr>
                <tr>
                    <th></th>
                    <td>
                        <input type="button" value="添加" id="submit">
                        <input type="button" class="back" onclick="history.go(-1)" value="返回">
                    </td>
                </tr>
                </tbody>
            </table>
        </form>
    </div>
    <script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>
    <script>
        $("#submit").click(function(){//点击提交
            var name = $("input[name='name']").val();
            var account = $("input[name='account']").val();
            var phone = $("input[name='phone']").val();
            if(!name){$("#nametip").show();return false;}else{$("#nametip").hide();}
            if(!account){$("#accounttip").show();return false;}else{$("#accounttip").hide();}
            if(!phone){$("#phonetip").show();return false;}else{$("#phonetip").hide();}
            $.post('{{url('admin')}}',{'_token':"{{csrf_token()}}",name:name,account:account,phone:phone},function(data){
                if(data.code){
                    layer.msg(data.msg);
                    setTimeout(function(){  //使用  setTimeout（）方法设定定时2000毫秒
                        window.location.reload();//页面刷新
                    },2000);
                }else{
                    layer.msg(data.msg);
                }
            });
        });
    </script>
@endsection
